<template>
  <div>
    <div class="TopHeaderStyle">{{TopHeaderName}}</div>
    <div class="AppHeaderStyle"></div>
    <div class="CentralContent">
      <!--内容-->
      <CentralContent></CentralContent>
    </div>
    <div class="BottomFrame" >
      <div class="BottomFrameCss">作者：<span class="FrameColor">{{BottomFilingInformation_author}}</span></div>
      <div class="BottomFrameCss">时间：<span class="FrameColor">{{BottomFilingInformation_datetime}}</span></div>
      <div class="BottomFrameCss">备案号：<a style="color: lightcoral" href="https://beian.miit.gov.cn">{{BottomFilingInformation_RecordNumber}}</a></div>
    </div>
  </div>
</template>

<script>
//主页
import CentralContent from "./views/CentralContent";
export default {
  name: "MainContent",
  components: {CentralContent},
  data () {   //页面加载直接返回值（数据库回执）
    return{
      TopHeaderName: '',
      BottomFilingInformation_author: '',
      BottomFilingInformation_datetime: '',
      BottomFilingInformation_RecordNumber: ''
    }
  },
  created() {
    this.MyBasics();
  },
  methods: {
    MyBasics(){
      this.axios.post(this.Global.BASE_URL+'/login/returnBasics').then((res)=>{
        this.TopHeaderName = res.data.data.mainTitle;
        this.BottomFilingInformation_author = res.data.data.author;
        this.BottomFilingInformation_datetime = res.data.data.meaningtime;
        this.BottomFilingInformation_RecordNumber = res.data.data.record;
        this.$CustomMessage_OK('加载完成！','已启用！模块加载完成！');
      }).catch(erroe=>{
        this.$CustomMessage_ERROR('错误','加载错误！');
      })
    }
  }
}
</script>

<style scoped>
.TopHeaderStyle{
  padding: 10px 0px 10px 5%;
  background: white;
  text-align: left;
  height: auto;
  font-size: 20px;
  font-weight: 600;
}
.AppHeaderStyle{
  height: 270px;
  background: url("../assets/logo.png") no-repeat;
  background-size: cover;
}
.CentralContent{
  padding: 10px 5%;
  background: white;
  height: auto;
  font-size: 16px;
}
.BottomFrame{
  border-top:2px solid #ccc;
  height: 200px;
  margin-top: 10px;
  text-align: left;padding: 10px;
  font-size: 16px;
  cursor:pointer;
  background: ghostwhite;
  padding: 20px;
}
.BottomFrameCss{
  margin-bottom: 10px;
}
.FrameColor{
  color:lightcoral;
}
</style>
